<template>
  <div>
    <div class="stroke" :style="`font-weight: bold;font-size: ${fontSize}px;-webkit-text-stroke: ${size}px ${color};`">
      {{ text }}
    </div>
  </div>
</template>

<script setup lang="ts">
import { onBeforeMount, toRefs } from "vue";

const props = defineProps({
  text: { type: String, default: "默认" },
  size: { type: Number, default: 1 },
  fontSize: { type: Number, default: 30 },
  color: { type: String, default: "#fc0303" },
});
const { text, size, color } = toRefs(props);
onBeforeMount(() => { });
</script>

<style lang="scss" scoped></style>
